$(function(){


    $("#queryall").click(function () {
        // 每次查询的个数
        var size = 5;
        var val = $("input[type='text'][name='title']").val();
        var status = $("select[name='status']").val();
        if (val==''){
            alert("查询所有文档");
            $.ajax({
                // 分页查询
                url:"/document/select",
                type: "post",
                data:{
                    "current":1,
                    "size":size
                },
                success: function (data){
                    console.log(data);
                    var result = "";
                    for (const num in data.records){
                        var str =
                            "<tr ondblclick='down("+data.records[num].docid+");' id='data_" +
                            data.records[num].docid +
                            "' align='center' class='main_trbg' style='background-color: rgb(238, 204, 255);'> <td><input type='checkbox' id='box_" +
                            data.records[num].docid +
                            "' value='" +
                            data.records[num].docid +
                            "'></td>" +
                            "<td id='docnum'>" +
                            data.records[num].title +
                            "</td><td>" +
                            data.records[num].createDate +
                            "</td><td>" +
                            data.records[num].filename +
                            "</td><td>" +
                            data.records[num].remark  +
                            "</td><td align='center' width='40px;'><button onclick='update(this)'><img title='修改' src='../images/update.gif'></button></td>" +
                            "<td align=\"center\" width=\"40px;\"><button onclick='download(this)' id=\"down_"+data.records[num]+"\">" +
                            "<img width=\"20\" height=\"20\" title=\"下载\" src=\"../images/downLoad.png\"></button>" +
                            " </td></tr>";
                        result += str;
                    }
                    $("#tbd").html(result);
                    console.log(data.total)
                    $("#current").text(data.current);
                    $("#total").text(data.total);
                    $("#sumpage").text(data.pages);
                    var targetnum = "第" +data.current + "页的" +data.size +"条数据";
                    $("#tartgetnum").text(targetnum);
                    $("#prev").removeClass("disabled");
                    $("#next").removeClass("disabled");
                    if (data.current=="1"){
                        console.log("第一页");
                        $("#prev").addClass("disabled");
                    }
                    if (data.current==data.pages){
                        console.log("最后一页");
                        $("#next").addClass("disabled");
                    }

                    var boxs = $("input[type='checkbox'][id^='box_']");
                    /** 给全选按钮绑定点击事件  */
                    $("#checkAll").click(function(){
                        // this是checkAll  this.checked是true
                        // 所有数据行的选中状态与全选的状态一致
                        boxs.attr("checked",this.checked);
                    })

                    /** 给每个数据行绑定点击事件：判断如果数据行都选中全选也应该选中，反之  */
                    boxs.click(function(event){
                        /** 去掉复选按钮的事件传播：点击复选会触发行点击：因为复选在行中 */
                        event.stopPropagation();

                        /** 判断当前选中的数据行有多少个  */
                        var checkedBoxs = boxs.filter(":checked");
                        /** 判断选中的总行数是否等于总行数：以便控制全选按钮的状态   */
                        $("#checkAll").attr("checked",checkedBoxs.length == boxs.length);
                    })

                    /** 给数据行绑定鼠标覆盖以及鼠标移开事件  */
                    $("tr[id^='data_']").hover(function(){
                        $(this).css("backgroundColor","#eeccff");
                    },function(){
                        $(this).css("backgroundColor","#ffffff");
                    }).click(function(){
                        /** 控制该行是否需要被选中 */
                        /** 获取此行的复选框id */
                        var checkboxId = this.id.replace("data_","box_");

                        /** 触发本行的复选点击 */
                        $("#"+checkboxId).trigger("click");
                    })

                    /** 删除员工绑定点击事件 */
                    $("#delete").click(function(){
                        /** 获取到用户选中的复选框  */
                        var checkedBoxs = boxs.filter(":checked");
                        if(checkedBoxs.length < 1){
                            $.ligerDialog.error("请选择一个需要删除的文档！");
                        }else{
                            /** 得到用户选中的所有的需要删除的ids */
                            var ids = checkedBoxs.map(function(){
                                return this.value;
                            })

                            $.ligerDialog.confirm("确认要删除吗?","删除文档",function(r){
                                if(r){
                                    alert("删除："+ids.get());
                                    // 发送请求
                                    window.location = "/document/removeDocument?ids=" + ids.get();
                                }
                            });
                        }
                    })

                    /** 下载文档功能 */
                    $("a[id^='down_']").click(function(){
                        /** 得到需要下载的文档的id */
                        var id = this.id.replace("down_","");
                        /** 下载该文档 */
                        //window.location = ""+id;
                        alert("获取的id："+id);
                    })


                }

            })
        }else{
            alert("查询文档：" + val);
            $.ajax({
                url:"/document/selectone",
                type:"get",
                data:"title="+val,
                success:function (data) {

                    if (data==''){
                        alert("查无此人");
                    }else{
                    const str =
                        "<tr ondblclick='down("+data.docid+");' id='data_" +
                        data.docid +
                        "' align='center' class='main_trbg' style='background-color: rgb(238, 204, 255);'> <td><input type='checkbox' id='box_" +
                        data.docid +
                        "' value='" +
                        data.docid +
                        "'></td>" +
                        "<td id='docnum'>" +
                        data.title +
                        "</td><td>" +
                        data.createDate +
                        "</td><td>" +
                        data.filename +
                        "</td><td>" +
                        data.remark +
                        "</td><td align='center' width='40px;'><button onclick='update(this)'><img title='修改' src='../images/update.gif'></button></td>" +
                        "<td align=\"center\" width=\"40px;\"><button onclick='download(this)' id=\"down_"+data.docid+"\">" +
                        "<img width=\"20\" height=\"20\" title=\"下载\" src=\"../images/downLoad.png\"></button>" +
                        " </td></tr>";
                    $("#tbd").html(str);
                    /** 获取上一次选中的部门数据 */
                    var boxs  = $("input[type='checkbox'][id^='box_']");

                    /** 给数据行绑定鼠标覆盖以及鼠标移开事件  */
                    $("tr[id^='data_']").hover(function(){
                        $(this).css("backgroundColor","#eeccff");
                    },function(){
                        $(this).css("backgroundColor","#ffffff");
                    })

                    /** 删除员工绑定点击事件 */
                    $("#delete").click(function(){
                        /** 获取到用户选中的复选框  */
                        var checkedBoxs = boxs.filter(":checked");
                        if(checkedBoxs.length < 1){
                            $.ligerDialog.error("请选择一个需要删除的用户！");
                        }else{
                            /** 得到用户选中的所有的需要删除的ids */
                            var ids = checkedBoxs.map(function(){
                                return this.value;
                            })
                            $.ligerDialog.confirm("确认要删除吗?","删除用户",function(r){
                                if(r){
                                    alert("删除："+ids.get());
                                    // 发送请求
                                    window.location = "/document/removeUser?ids=" + ids.get();
                                }
                            });
                        }})

                }},
                error:function (data) {
                    console.log("出现异常");
                }
            })
        }

    })
})

function update(btn) {
    var tr3 = $(btn).parents("tr").children(2);
    console.log(tr3[1].innerHTML);
    var name = tr3[1].innerHTML;
    localStorage.setItem("update",name)
    location.replace("showUpdateDocument.html");
}

function download(btn) {
    var tr3 = $(btn).parents("tr").children(4);
    var filename = tr3[3].innerHTML;
    localStorage.setItem("filename", filename);
    location.replace("/document/download?filename="+filename);
}

function finduser(currentpage,size){
    $.ajax({
        // 一键查询所有数据
        // url: "/user/findall",
        // type:"get",

        // 分页查询
        url:"/user/findcurrent",
        type: "post",
        data:{
            // "status":status
            "current":currentpage,
            "size":size
        },
        success: function (data){
            var result = "";
            for (const num in data.records){
                var str =
                    "<tr ondblclick='down("+data.records[num].id+");' id='data_" +
                    data.records[num].id +
                    "' align='center' class='main_trbg' style='background-color: rgb(238, 204, 255);'> <td><input type='checkbox' id='box_" +
                    data.records[num].id +
                    "' value='" +
                    data.records[num].id +
                    "'></td>" +
                    "<td id='docnum'>" +
                    data.records[num].title +
                    "</td><td>" +
                    data.records[num].createDate +
                    "</td><td>" +
                    data.records[num].userId +
                    "</td><td>" +
                    data.records[num].remark + data.records[num].filename +
                    "</td><td align='center' width='40px;'><button onclick='update(this)'><img title='修改' src='../images/update.gif'></button></td>" +
                    "<td align=\"center\" width=\"40px;\"><button href=\"#\" id=\"down_"+data.records[num]+"\">" +
                    "<img width=\"20\" height=\"20\" title=\"下载\" src=\"../images/downLoad.png\"></button>" +
                    " </td></tr>";
                result += str;
            }
            $("#prev").removeClass("disabled");
            $("#next").removeClass("disabled");
            if (data.current=="1"){
                console.log("第一页");
                $("#prev").addClass("disabled");
            }else if (data.current==data.pages){
                console.log("最后一页");
                $("#next").addClass("disabled");
            }
            $("#tbd").html(result);
            $("#current").text(data.current);
            $("#total").text(data.total);
            $("#sumpage").text(data.pages);
            var targetnum = "第" +data.current + "页的" +data.size +"条数据";
            $("#tartgetnum").text(targetnum);
            $("#sumpage").text(data.pages);


            /** 获取上一次选中的部门数据 */
            var boxs  = $("input[type='checkbox'][id^='box_']");

            /** 给数据行绑定鼠标覆盖以及鼠标移开事件  */
            $("tr[id^='data_']").hover(function(){
                $(this).css("backgroundColor","#eeccff");
            },function(){
                $(this).css("backgroundColor","#ffffff");
            })


            /** 删除员工绑定点击事件 */
            $("#delete").click(function(){
                /** 获取到用户选中的复选框  */
                var checkedBoxs = boxs.filter(":checked");
                if(checkedBoxs.length < 1){
                    $.ligerDialog.error("请选择一个需要删除的用户！");
                }else{
                    /** 得到用户选中的所有的需要删除的ids */
                    var ids = checkedBoxs.map(function(){
                        return this.value;
                    })

                    $.ligerDialog.confirm("确认要删除吗?","删除用户",function(r){
                        if(r){
                            alert("删除："+ids.get());
                            // 发送请求
                            window.location = "/user/removeUser?ids=" + ids.get();
                        }
                    });
                }
            })
        }
    })
}
var val = $("input[type='text'][name='title']").val();

function prev(){
    if (val=='') {
        let pagenum = parseInt($("#current").html());
        if (pagenum > 1) {
            pagenum--;
            finduser(pagenum, 5);
        } else {
            alert("已经是第一页了");
            $("#prev").addClass("disabled");
        }
    }
}
function next(){
    if (val=='') {
        let pagenum = parseInt($("#current").html());
        let sumpage = parseInt($("#sumpage").html());
        if (pagenum < sumpage) {
            pagenum++;
            finduser(pagenum, 5);
        } else {
            alert("已经是最后一页了");
            $("#next").addClass("disabled");
        }
    }

}
$("#pager_jump_btn").click(function () {
    var target = $("input[type='text'][name='target']").val();
    finduser(target, 5);
})